<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>极速牌照-收银台</title>
		<link rel="stylesheet" href="<?php echo $WEB_ROOT ?>/Public/home/css/g.css" />
		<link rel="stylesheet" href="<?php echo $WEB_ROOT ?>/Public/home/css/checkout.css" />
		<script src="<?php echo $WEB_ROOT ?>/Public/home/js/jquery.min.js"></script>
		<script src="<?php echo $WEB_ROOT ?>/Public/home/js/checkout.js"></script>
	</head>
	<body>
		<div id="topbar">
			<img id="logo" src="<?php echo $WEB_ROOT ?>/Public/home/img/logo_blue.svg" />
			<div id="sep"></div>
			<p id="welcome">收银台</p>
			<div id="line1" class="line"></div>
			<div id="line2" class="line"></div>
			<div id="bubble1" class="buble">1</div>
			<div id="bubble2" class="buble">2</div>
			<div id="bubble3" class="buble">3</div>
			<p id="tip1" class="txttip">选择牌照</p>
			<p id="tip2" class="txttip">筛选服务商</p>
			<p id="tip3" class="txttip">下单成功</p>
		</div>	
		<div id="middlebar">
			<div id="orderlist">
				<ul id="orderdesc">
					<li id="successtip1"><img src="<?php echo $WEB_ROOT ?>/Public/home/img/xiadanchenggong.svg" /></li>
					<li id="successtip2">
						<h3 id="ordertip">下单成功请尽快支付</h3>
						<h5 id="ordersn">订单号：745142942953</h5>
						<h5 id="orderdetail">订单详情<span id="arrowtip"></span></h5>
					</li>
					<li id="successtip3"><span id="pricetip">应付总额：</span><span id="pricetxt">￥2888.00</span></li>
				</ul>
				<ul id="ordercontont">
					<li>详情：</li>
					<li>
						<p>注册公司X1（北京海淀）</p>
						<p>注册公司X1（北京海淀）</p>
						<p>注册公司X1（北京海淀）</p>
					</li>
				</ul>
			</div>	
			<h2 class="tiptileh2">支付宝/微信</h2>
			<a href="#" id="zfbbtn" class="linkbtn">支付宝支付</a>
			<a href="#" id="wxbtn" class="linkbtn">微信支付</a>
			<div class="sep"></div>
			<h2 class="tiptileh2">自助转账<span class="tiptileh3">自助转账因限额不能支付时，建议使用自助转账</span></h2>
			<ul id="payselect">
				<li class="left">
					<div class="leftside">
						<img class="payname" src="<?php echo $WEB_ROOT ?>/Public/home/img/icon-alipay-large.png" />
					</div>
					<div class="rightside">
						<p><span class="titleleft">支付宝账号：</span>@kuaifawu.com</p> 
						<p><span class="titleleft">校验全名：</span>北京快又好信息技术有限责任公司</p>
					</div>
				</li>
				<li class="right">
					<div class="leftside">
						<img class="payname" src="<?php echo $WEB_ROOT ?>/Public/home/img/icon-cmb-large.png" />
					</div>
					<div class="rightside">
						<p><span class="titleleft">开户账号：</span>110910994010901</p> 
						<p><span class="titleleft">开户名：</span>北京快又好信息技术有限责任公司</p>
						<p><span class="titleleft">开户行：</span>招商银行股份有限公司北京海淀支行</p>
					</div>
				</li>
			</ul>
			<div style="clear: both;"></div>
			<em style="color: #e98746;display: block;margin-top: 15px;">注：转账时请将订单编号备注在付款信息里；转账完成之后，请通知客服。</em>
		</div>
		<div id="middlebar2">
			<ul>
				<li><img src="<?php echo $WEB_ROOT ?>/Public/home/img/zizhirenzheng_blue.svg" class="logoimg"><div class="logotitle">资质认证</div><div class="logotip">服务商100%实名审核认证</div></li>
				<li><img src="<?php echo $WEB_ROOT ?>/Public/home/img/anquanzhifu_blue.svg" class="logoimg"><div class="logotitle">安全支付</div><div class="logotip">明码标价支付及信息安全</div></li>
				<li><img src="<?php echo $WEB_ROOT ?>/Public/home/img/fuwudanbao_blue.svg" class="logoimg"><div class="logotitle">服务担保</div><div class="logotip">如未达到标准，随时投诉得到赔付</div></li>
				<li><img src="<?php echo $WEB_ROOT ?>/Public/home/img/shouhouwuyou_blue.svg" class="logoimg"><div class="logotitle">售后无忧</div><div class="logotip">服务出问题客服经理全程跟进</div></li>
			</ul>
		</div>
		<div id="bottomsep"></div>
		<footer id="bottombar">Copyright © 2015-2016 北京快又好信息技术有限责任公司 京ICP备14022439号-1 京公网安备11010802015816号</footer>
		<div id="mask">
			
			<div id="maskbox">
				<div id="maskbar"><div id="closebtn">X</div></div>
				<div style="clear:both"></div>
				<div id="maskbody">
					<p>请在新开页面中完成付款后选择</p>
					<a class="linkbtn" href="#" id="ok">支付成功</a>
					<a class="linkbtn" href="#" id="failed">遇到问题</a>
					<p class="em">如遇到超过限额无法支付，建议通过自助转账付款</p>
				</div>
			</div>
			<div id="maskbg"></div>
		</div>
	</body>
</html>
